.cowork {
  height: 100%;
  background: @fill-base;
  position: relative;
  color: @color-text-paragraph;
  .am-tab-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: @tab-bar-height;
  }
  &-tab-tintColor, .am-icon-cooperation-exchange-hot, .am-icon-collaboration-approval-selected, .am-icon-collaboration-application-selected, .am-icon-selected {
    color: @brand-primary;
  }
  &-container {
    position: absolute;
    top: 0;
    bottom: @tab-bar-height;
    width: 100%;
  }
  &-detail-spaPage {
    bottom: 0;
  }
  &-loading {
    height: 100%;
    background: @fill-base;
    position: relative;
    &-content {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -44 * @hd;
      margin-left: -31 * @hd;
      padding-bottom: 10 * @hd;
    }
    .am-activity-indicator {
      justify-content: center;
    }
  }
  /* 暂无数据页面 && 暂无权限页面 && 已删除协作页面 */
  &-noData, &-noPermission, &-detele, &-noApprove {
    height: 100%;
    background: @fill-base;
    position: relative;
    .am-result {
      padding-top: 0;
      padding-bottom: 0;
      border: none;
      position: absolute;
      top: 50%;
      margin-top: -81 * @hd;
      .am-icon-no-data, .am-icon-wuquanxian {
        color: @color-text-placeholder;
        width: 60 * @hd;
        height: 60 * @hd;
      }
    }
  }
  &-top {
    position: relative;
    font-size: @font-size-icontext;
    padding: 1 * @hd 5 * @hd;
    border-radius: 4 * @hd;
    color: @brand-primary;
    border: @border-width-sm solid @brand-primary;
  }
  &-over {
    position: relative;
    display: inline-block;
    font-size: @font-size-icontext;
    padding: 0 5 * @hd;
    border-radius: 4 * @hd;
    color: #9e4af0;
    border: @border-width-sm solid #9e4af0;
  }
  &-end {
    position: relative;
    display: inline-block;
    font-size: @font-size-icontext;
    padding: 0 5 * @hd;
    border-radius: 4 * @hd;
    color: @brand-important;
    border: @border-width-sm solid @brand-important;
  }
  &-hide {
    position: relative;
    display: inline-block;
    font-size: @font-size-icontext;
    padding: 0 5 * @hd;
    border-radius: 4 * @hd;
    color: @color-text-disabled;
    border: @border-width-sm solid @color-text-disabled;
  }
  /* comment 组件右上角渲染 */
  &-comment {
    &-renderRight {
      color: @color-text-caption;
      .cowork-top {
        top: 3 * @hd;
      }
      &-collect {
        position: relative;
        top: 4 * @hd;
        margin-left: 15 * @hd;
      }
      &-floor {
        margin-left: 15 * @hd;
      }
    }
  }
  // template模版list公共的样式
  &-template {
    position: absolute;
    top: @search-bar-height;
    bottom: 0;
    width: 100%;
    &-top {
      height: 44 * @hd;
      line-height: 44 * @hd;
      border-bottom: @border-width-sm solid @border-color-base;
      box-sizing: border-box;
      &-cancel {
        color: @brand-primary;
        padding-left: @v-spacing-lg;
        padding-right: 18 * @hd;
      }
      &-all {
        position: absolute;
        right: 0;
        padding-right: @v-spacing-lg;
      }
    }
    &-list {
      color: @color-text-paragraph;
      &-item {
        padding-top: @h-spacing-sm;
        padding-bottom: @h-spacing-sm;
        &-left {
          display: inline-block;
          width: 30%;
          vertical-align: top;
          color: @color-text-caption;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        &-right {
          display: inline-block;
          width: 70%;
          vertical-align: top;
          max-height: 100 * @hd;
          overflow: hidden;
          a {
            color: @brand-primary;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
          }
          p {
            margin: 0; // 解析html标签自带的样式
          }
          &-content {
            width: 100%;
            overflow: scroll;
            -webkit-overflow-scrolling: touch;
          }
          .cowork-top {
            left: 6 * @hd;
          }
        }
      }
    }
    &-bottom {
      height: 40 * @hd;
      line-height: 40 * @hd;
      font-size: @font-size-caption-sm;
      color: @color-text-caption;
      text-align: right;
      border-top: @border-width-sm solid @fill-grey-weak;
      box-sizing: border-box;
      padding-right: @v-spacing-lg;
      background: @color-text-base-inverse;
      &-wrap {
        padding-bottom: @h-spacing-md;
        background: @fill-body;
        &:last-child {
          padding-bottom: 0;
        }
      }
      &-item {
        display: inline-block;
        padding: 0 @h-spacing-md;
        .am-icon-md {
          width: 18 * @hd;
          height: 18 * @hd;
          vertical-align: middle;
          padding-right: @v-spacing-xs;
        }
      }
    }
    &-checked {// 批量操作时的样式
      top: @search-bar-height + 44 * @hd;
    }
    .wm-list-view-page-modal-scrollview {
      height: 100% !important; //内联
    }
    .am-list-body {
      border-top: 0;
      border-bottom: 0;
      div:not(:last-child) .am-list-line {
        border-bottom: none;
      }
      .wm-list-page-item {
        &:last-child {
          .am-list-line .am-list-content {
            padding-bottom: 0;
          }
        }
      }
    }
    .am-tab-bar {
      bottom: -50 * @hd;
      background: @fill-base;
      z-index: 100;
      .am-tab-bar-tab:first-child {
        border-right: @border-width-sm solid @border-color-base;
      }
    }
    .wm-list-view-page-modal-scrollview {
      background:@fill-body;
    }
  }
}